*{margin:0;padding:0;}
html,body,#root{
    height: 100%;
    width: 100%;
}
#root {
    display: flex;
}
li {
    list-style: none;
}
#left {
    width: 20%;
    background: #ccc;
    text-align: center;
}
#content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.contentTop {
    display: flex;
    height: 10%;
}
.contentTop li {
    flex: 1;
    background: #4395ff;

}
.contentVal {
    flex: 1;
}